{% extends 'base.html' %}

{% block title %}
	Luke - Dev
{% endblock %}

{% block aside %}
	<div id="toolbar-radios">
		<h5 class="toolbarheader">Start/End Points</h5>
		<input type="radio" id="toolbar-spawn" name="tool" /><label for="toolbar-spawn">Place Spawn Points</label>
		<input type="radio" id="toolbar-endpoints" name="tool" /><label for="toolbar-endpoints">Place End Points</label>
	</div>
	<div id="toolbar-buttons">
		<h5 class="toolbarheader">Drawing Tools</h5>
		<button id="toolbar-polygon">Polygon</button>
		<button id="toolbar-polyline">Line</button>
		<!--<button id="toolbar-rectangle">Draw Rectangle</button>-->
		<button id="toolbar-route">Route</button>
	</div>
{% endblock aside %}

{% block main-content %}
	<div id='geocode-container' class='ui-widget-header shadow-left'>
		<span>Look up a location:</span>
		<input id='geocode-address' class='input-search' type='textbox' onkeydown='if (event.keyCode == 13) $("#geocode-btn").click()'>
		<button id='geocode-btn'>Go</button>
	</div>
	<div id='map-canvas' class='ui-helper-clearfix fleft shadow-left'></div>
{% endblock %}
